<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div[data-1234] {
            color: red;
        }
    </style>
</head>

<body>
    <div data-1234>123</div>
    <div data-2345>234</div>
    <script>
        // 每个组件在渲染成真正的dom的时候，就会生成一个当前组件唯一的data-v-hash值 
        // 它会把这个值给当前组件中所有的标签每个人都有份，
        // 当前组件有时候也有子组件，它不会给子组件内部添加上这个hash值，只会给根标签加上

        // 表现
        // 只要加了scoped，当前组件中样式只会对当前组件有效果（还有子组件的根标签）

        
    </script>
</body>

</html>